@extends('layout.default')

@section('content')

  @include('layout.swiper')

  <div class="weui-cells">
  <div class="weui-tab">
      <div class="weui-navbar">
        <a class="weui-navbar__item weui-bar__item--on" href="#myself">
          我的应聘
        </a>
        <a class="weui-navbar__item" href="#others">
          团队应聘
        </a>
      </div>
      <div class="weui-tab__bd" style="padding:0;">
        <div id="myself" class="weui-tab__bd-item weui-tab__bd-item--active">
          
          @foreach($lists as $info)
            <a class="weui-cell weui-cell_active weui-cell_access" href="{{route('show',$info->uuid)}}">
              <div class="weui-cell__hd" style="position: relative; margin-right: 10px;">
                <img class="img-round" src="assets/images/avatar.png" style="height: 50px; display: block;">
                @if($info->recruit == 1)
                  <span class="weui-badge weui-badge_dot" style="position: absolute; top: -0.2em; right: .2em;"></span>
                @endif
              </div>
              <div class="weui-cell__bd">
                <p>{{$info->name}}</p>
                <p style="font-size: 80%; color: #aaa;"><i class="iconfont member_{{$info->gendar}}"></i> {{$info->mobile}}</p>
              </div>
              <div class="weui-cell__ft">{!!$info->present()->memberRecruit!!}</div>
            </a>

          @endforeach

        </div>
        <div id="others" class="weui-tab__bd-item">
          @foreach($groups as $rank)
            <a href="{{route('others',$rank->uuid)}}" class="weui-cell weui-cell_active weui-cell_access" >
                <div class="weui-cell__hd" style="position: relative; margin-right: 10px;">
                    <img class="img-round" src="/assets/images/avatar.png" style="height: 50px; display: block;">
                </div>
                <div class="weui-cell__bd">          
                    <p>{{$rank->name}}</p>
                    <p style="font-size: 80%; color: #aaa;"><i class="iconfont member_{{$rank->gendar}}"></i>  {{$rank->mobile}}</p>
                </div>
                <div class="weui-cell__ft">{{$rank->number}}</div>
            </a>
           
            @endforeach
        </div>
      </div>
    </div>
  </div>



  <div class="weui-btn-area">
    <a href="{{route('index')}}">
      <button class="weui-btn weui-btn_default wx-default">返回</button>
    </a>
  </div>
@stop

@section('javascript')
  <script src="//cdn.bootcss.com/jquery-weui/1.2.1/js/swiper.min.js"></script>
  <script src="//cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
  <script type="text/javascript">
      $(function () {

          $('.swiper-container').swiper({
              loop: true,
              autoplay: 5000,
              pagination: '.swiper-pagination',
              paginationClickable: true
          });

      });
  </script>

@stop